@charset "utf-8";
@import './modules/header.scss';
@import './modules/footer.scss';
body, div, ul, li, dl, dt, dd, h2, p, img, a {
    padding: 0;
    margin: 0;
    list-style: none;
    text-decoration: none;
}
$width:100%;
.list-nav{
    width: 1000px;
    // height: 1000px;
    margin: 0 auto;
    .list-top{
      width: 1000px;
      height: 60px;
      display: flex;
      align-items: center;
      // border:  1px solid #e6e6e6;
      .sousou{
          width: 142px;
          height: 20px;
          margin-top: -7px;
          .search{
            width: 162px;
            height: 20px;
            color: #969696;
            border: 1px solid #dcdcdc;
            outline: none;
            margin-left: 50px;
            background: #ffffff url('/images/mz_GoodsListBG.jpg') no-repeat 140px -19px;
          }

      }
      .paixu{
          width: 400px;
          height: 40px;
         margin-left: 90px;
         // display: flex;
		 // float: left;
       
          span{
              display: block;
              width: 100px;
              height: 40px;
              font-size: 15px;
              margin-top: 10px;
              margin-left: 15px;
          }
        #px{
             width: 400px;
             height: 40px;
			 display: flex;
			 margin-top: -45px;
			 margin-left: 100px;
             .demo{
                 float: left;
                 width: 50px;
                 height: 38px;
                 border-right:  1px solid #e6e6e6;
                 margin-left: 10px;
                 text-align: center;
                 line-height: 34px;
                 font-size: 14px;
            
                 a{
                      color: #555;
                      &:hover{
                          color: orangered;
                      }
                      i{
                      
                        // vertical-align: middle;
                        display: inline-block;
                        width: 7px;
                        height: 8px;
                        margin-left: 4px;
                     background: url('/images/2014shop_background_img.png' ) no-repeat 0 -11px;
                     }
                 }
             }
         }
      }
    }
    .pagination{
        width: 150px;
        height: 35px;
        float: left;
        margin-left: 210px;
        .pg {
            width: 150px;
            height: 35px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            .Pre{
                width: 70px;
                height: 20px;
                // border: 1px solid #e6e6e6;
               span{
                font: normal 12px/16px "microsoft yahei";
                color: #AAA;
                background-color: #FAFAFA;
                text-align: center;
                display: block;
                min-width: 16px;
                padding: 2px 6px;
                border: 1px solid #E6E6E6;
                position: relative;
                z-index: 1;
               }
            }
            .Next{
                width: 70px;
                height: 20px;
                // border: 1px solid #e6e6e6;
                a{
                    color: #005AA0;
                    &:hover{
                        background: red;
                    }
                    span{
                        font: normal 12px/16px "microsoft yahei";
                        color: #AAA;
                        background-color: #FAFAFA;
                        text-align: center;
                        display: block;
                        min-width: 16px;
                        padding: 2px 6px;
                        border: 1px solid #E6E6E6;
                       
                    }
                }

            }
          
          
        }
    }
    ul{
        width: 240px;
        height: 320px;
        // border:1px solid #e6e6e6;
        margin-top:5px;
        margin-left: 5px;
        .price{
            font-size: 18px;
            color: #c90104;
            margin-top: 10px;
            // display: inline-block;
        }
        .desc{
            margin-top: 8px;
            max-height: 45px;
            overflow: hidden;
            padding: 0px 10px;
            height: 44px;
            font-size: 12px;
            a{
                color: #000;
            }
        }
       
    }
    
		.goodsList{
			width: 1000px;
			height: 1200px;
			ul{
				width: 1000px;
				height: 700px;
				  display: flex;
				  flex-wrap: wrap;
				  justify-content: space-between;
				 li{
					 width: 228px;
					 height: 354px;
					 border: 1px solid #ccc;
					 margin-top: 5px;
					 img{
					 	width: 200px;
					 	height: 200px;
					 	margin: 10px 20px;
					 	
					 }
					 .price{
					 	font-size: 16px;
					 	color: red;
					 }
					 .desc{
					 	font-size: 12px;
					 	color: #000;
					 }
				 }
					
				}
				.list-pag{
						    width: 356px;
						    height: 38px;
							margin-top: 480px ;
							margin-left: 400px;
							ul{
								width: 356px;
								height: 38px;
								li{        
									    width: 60px;
										height: 38px;
										span{
											    font: normal 14px/20px "microsoft yahei";
											    color: #AAA;
											    background-color: #FAFAFA;
											    text-align: center;
											    display: block;
											    min-width: 20px;
											    padding: 8px;
											    // border: 1px solid #E6E6E6;
											    position: relative;
											    z-index: 1;
										}
								}
							}
						//     }
				}
				
				
			}
			//
			}
			